
<ul class="breadcrumb">
    <li><a href="http://fooplugins.com/plugins/footable-jquery/">FooTable</a> <span class="divider">&raquo;</span>
    </li>
    <li><a href="index.htm">Demos</a> <span class="divider">&raquo;</span></li>
    <li class="active">Showcase</li>
</ul>
<div class="grid">

    <!-- ===================================== END HEADER ===================================== -->

    <div class="col_12">
        <div class="col_12">
            <h3><strong>Precio Sugerido</strong></h3>

            <form name="precioSugerido" id="precioSugerido" method="post" action="contact.php">

                <section id="sectionClase">
                    <h3>Selecci&oacute;n de Clase:</h3>
                    <select id="seleccionClase" name="seleccionClase" tabindex="6" class="selmenu">
                        <option value="clase1">Rediseño</option>
                        <option value="clase2">Programacion</option>
                        <option value="clase3">Desarrollo</option>
                        <option value="clase4">Aplicaciones</option>
                    </select>
                </section>
                <br/>
                <section id="sectionCliente">
                    <h3>Selecci&oacute;n de Cliente:</h3>
                    <select id="seleccionCliente" name="seleccionCliente" tabindex="6" class="selmenu">
                        <option value="cliente1">cliente1</option>
                        <option value="cliente2">cliente2</option>
                        <option value="cliente3">cliente3</option>
                        <option value="cliente4">cliente4</option>
                    </select>
                </section>
                <br/>


            </form>
        </div>
        <div class="col_12">



            <div class="tab-pane active" id="demo">

                <p>
                    Busqueda: <input id="filter" type="text"/>
                    Estado:
                    <select class="filter-status">
                        <option></option>
                        <option value="active">Active</option>
                        <option value="disabled">Disabled</option>
                        <option value="suspended">Suspended</option>
                    </select>
                    <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                    <span class="row-count"></span>
                </p>
                <table class="table demo" data-filter="#filter" data-page-size="5">
                    <thead>
                        <tr>
                            <th data-toggle="true">
                                Familia
                            </th>
                            <th data-hide="phone">
                                Descripci&oacute;n
                            </th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Familia 1</td>
                            <td><a href="#">Descripción 1</a></td>

                        </tr>
                        <tr>
                            <td>Familia 2</td>
                            <td><a href="#">Descripción 2</a></td>

                        </tr>
                        <tr>
                            <td>Familia 3</td>
                            <td><a href="#">Descripción 3</a></td>

                        </tr>
                    </tbody>
                    <tfoot class="hide-if-no-paging">
                        <tr>
                            <td colspan="12">
                                <div class="pagination pagination-centered"></div>
                            </td>
                        </tr>
                    </tfoot>
                </table>


                <section id="buttons" class="center">
                    <input type="reset" name="reset" id="resetbtn" class="blue" value="Agregar">
                    <input type="submit" name="submit" id="submitbtn" class="blue" tabindex="7" value="Imprimir">
                    <br style="clear:both;"/>
                </section>
            </div>




        </div>


    </div>
</div>